var mySwiper = new Swiper('#swiper1 .swiper-container', {
    // direction: 'vertical', // 垂直切换选项
    observer: true,//修改swiper自己或子元素时，自动初始化swiper
    observeParents: true,//修改swiper的父元素时，自动初始化swiper
    loop: true, // 循环模式选项
    autoHeight: true, //高度随内容变化
    // height: 600,
    autoplay: {
        delay: 3000,
        stopOnLastSlide: false,
        disableOnInteraction: true,
    },
    // 如果需要分页器
    pagination: {
        el: '#swiper1 .swiper-pagination',
        clickable: true,
    },
    // 如果需要前进后退按钮
    navigation: {
        nextEl: '#swiper1 .swiper-button-next',
        prevEl: '#swiper1 .swiper-button-prev',
    }
    // 如果需要滚动条

});
var mySwiper2 = new Swiper('#swiper2', {
    // direction: 'vertical', // 垂直切换选项
    observer: true,//修改swiper自己或子元素时，自动初始化swiper
    observeParents: true,//修改swiper的父元素时，自动初始化swiper
    loop: true, // 循环模式选项
    autoHeight: true, //高度随内容变化
    // height: 600,
    autoplay: {
        delay: 3000,
        stopOnLastSlide: false,
        disableOnInteraction: true,
    },
    // 如果需要分页器
    pagination: {
        el: '#swiper2 .swiper-pagination',
        clickable: true,
    },
    on: {
        slideChange: function () {
            // var index = this.activeIndex;
            // console.log(typeof index);
            // console.log($(".font-items .font-item").eq(this.activeIndex));
            if (this.activeIndex - 1 == 0 || this.activeIndex - 1 == 4) {
                $(".font-items .font-item div").removeClass("b-current");
                $(".font-items .font-item div").eq(0).addClass("b-current");
            } else {
                $(".font-items .font-item div").removeClass("b-current");
                $(".font-items .font-item div").eq(this.activeIndex - 1).addClass("b-current");
            }

        },
    },
    // 如果需要前进后退按钮
    // navigation: {
    //     nextEl: '#swiper1 .swiper-button-next',
    //     prevEl: '#swiper1 .swiper-button-prev',
    // }
    // 如果需要滚动条

});
// var mySwiper3 = new Swiper('#swiper3', {
//     // direction: 'vertical', // 垂直切换选项
//     observer: true,//修改swiper自己或子元素时，自动初始化swiper
//     observeParents: true,//修改swiper的父元素时，自动初始化swiper
//     loop: true, // 循环模式选项
//     autoHeight: true, //高度随内容变化
//     // height: 600,
//     autoplay: {
//         delay: 3000,
//         stopOnLastSlide: false,
//         disableOnInteraction: true,
//     },
//     // 如果需要分页器
//     pagination: {
//         el: '#swiper3 .swiper-pagination',
//         clickable: true,
//     },
 
//     // 如果需要前进后退按钮
//     // navigation: {
//     //     nextEl: '#swiper1 .swiper-button-next',
//     //     prevEl: '#swiper1 .swiper-button-prev',
//     // }
//     // 如果需要滚动条

// });

$('.font-mark .font-items .font-item').on('click', function (event) {
    event.preventDefault();
    var index = $(this).index()
    mySwiper2.slideTo(index + 1)
});


var swiper = new Swiper('#homeSwiper2 .swiper-container', {
     slidesPerView: 2,
     slidesPerColumn: 2,
     spaceBetween: 8,
     autoplay: {
         delay: 3000,
         stopOnLastSlide: false,
         disableOnInteraction: true,
     },
    pagination: {
        el: '#homeSwiper2 .swiper-pagination',
        clickable: true,
    }
   });
